<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   <%@page import="com.nk.system.beans.*, java.util.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ปริญญาตรี</title>

<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/common.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ddaccordion.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.widget.js"></script> 
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.tabs.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.datepicker.ext.be.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.blockui.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.validationEngine.js"></script>

<style type="text/css">
#t-body {
   width:1000px;/*ขนาดความกว้างของเพจ*/
   margin:0px auto;
}
#header{
	margin:0 0 10 0;
	/*padding:10px;*/
	height:auto;
	width:auto;
	background-color:white;
	border-bottom: solid 0.5px #FFFF99;
}/* margin: บน ขวา ล่าง ซ้าย; ตามเข็มนาฬิกาครับ*/
#header2{
	float:right;
	margin:0 0 10 0;
	/*padding:10px;*/
	height:auto;
	width:100%;
	background-color: #FFFFCC;
	border-bottom: solid 1px #FFFF99;
}
#left{
	float:left;
	width:21%;
	margin:0 0 10px 0;
	height:800px;
	background-color: #FFFFCC;
}
#central{
	float:left;
	width:48%;
	/* width:73%; */
	margin:0 0 10px 0;
	height:800px;
	background-color: white;
	/* border-left: solid 1px black; */
}
#right{
	float:right;
	width:31%;
	margin:0 0 10px 0;
	height:800px;
	background-color: white;
}
#content{
	float:right;
	width:590px;
	margin:0 0 10px 10px;
	height:200px;
	background-color:#00FFCC;
}
#footer{
	clear:both;
	padding:20px;
	height:40px;
	background-color:#00FF00;
}
#menu{
     padding:0;
     margin:0; 
     position:relative;
}
#menu ul{
     padding:0; 
     margin:0; 
     list-style:none; 
     float:left; 
}
#menu ul li{
     height:auto;
     padding:0 0 0 10px; 
     margin:0 5px 0 0; 
     display:block; 
     float:left; 
     background:url("images/submenu-l.gif") no-repeat left;
}
#menu ul li a{
     width:auto;
     height:auto; 
     padding:0px 21px 0 10px; 
     margin:0; 
     float:left; 
     font:bold 13px/24px Tahoma, Verdana, sans-serif; 
     color:#7A6B44; 
     text-align:center; 
     text-decoration:none; 
     background:url("images/submenu-r.gif") no-repeat right; 
}
#menu ul li a:hover{
     text-decoration:underline;
}
#menu ul li.current{
     margin:0 5px 0 0;
     display:block; 
     float:left; 
     font:bold 13px/24px Tahoma, Verdana, sans-serif; 
     color:#fff; 
     background:url(images/submenu-active-l.gif) no-repeat left;
}
#menu ul li.current span{
     padding:0px 21px 0 10px; 
     margin:0; 
     display:block; 
     float:left; 
     background:url(images/submenu-active-r.gif) no-repeat right;
}
</style>

</head>
<body bgcolor="gray">
	<div id="t-body">
		<div id="header">
			<div class="logo-img">
        		<img src="images/new3.png" style="width: 1000px;height: 200px " id="logo" />
    		</div>
		</div>
		<div id="header2">
    		<div id="menu">
    			<ul>
        			<li><a href="MainServlet">หน้าแรก</a></li>
        			<li class="current"><span>ปริญญาตรี</span></li>
        			<li><a href="MasterServlet2">ปริญญาโท</a></li>
        			<li><a href="DoctorServlet2">ปริญญาเอก</a></li>
        			<li><a href="WebboardServlet">กระดานสนทนา</a></li>
        			<li><a href="ContactServlet">ติดต่อเรา</a></li>
    			</ul>
			</div>
		</div>
		<div id="left" align="center" style="overflow: auto;">
			<h1>ค้นหา</h1>
			<table cellpadding="5">
				<tbody>
					<tr>
						<td align="left">
							<p style="font-size: mediam;"><u>ภูมิภาค</u></p>
							<form action="BachelorServlet" method="post">
							<div id="divZone">
								<input type="checkbox" id="zone1" name="zoneName" value="ภาคกลาง" onclick="loadProvice('divProvince','provinceName')"> ภาคกลาง<br>
								<input type="checkbox" id="zone2" name="zoneName" value="ภาคเหนือ" onclick="loadProvice('divProvince','provinceName')"> ภาคเหนือ<br>
								<input type="checkbox" id="zone3" name="zoneName" value="ภาคใต้" onclick="loadProvice('divProvince','provinceName')"> ภาคใต้<br>
								<input type="checkbox" id="zone4" name="zoneName" value="ภาคตะวันออก" onclick="loadProvice('divProvince','provinceName')"> ภาคตะวันออก<br>
								<input type="checkbox" id="zone5" name="zoneName" value="ภาคตะวันตก" onclick="loadProvice('divProvince','provinceName')"> ภาคตะวันตก<br>
								<input type="checkbox" id="zone6" name="zoneName" value="ภาคตะวันออกเฉียงเหนือ" onclick="loadProvice('divProvince','provinceName')"> ภาคตะวันออกเฉียงเหนือ
							</div>	
							<p style="font-size: mediam;"><u>จังหวัด</u></p>
							<div id="divProvince">
							</div>	
							<p style="font-size: mediam;"><u>มหาวิทยาลัย</u></p>
							<div id="divUniversity">
							</div>	
							<p style="font-size: mediam;"><u>คณะ</u></p>
							<div id="divFaculty">
							</div>	
							<p style="font-size: mediam;"><u>ภาควิชา</u></p>
							<div id="divMajor">
							</div>	
							<p style="font-size: mediam;"><u>ค่าใช้จ่าย</u></p>
							<!-- <table>
								<tr>
									<td>
										<select name="cost">
											<option value="1">ทั้งหมด</option>
											<option value="2">< 100001</option>
											<option value="3">100001 - 300000</option>
											<option value="4">300001 - 600000</option>
											<option value="5">600001 - 900000</option>
											<option value="6">900000 <</option>
										</select>
									</td>
								</tr>
							</table> -->
								<input type="checkbox" id="cost1" name="all" value="1"> <a>ทั้งหมด</a><br>
								<input type="checkbox" id="cost2" name="1" value="2"> <a>< 100001</a><br>
								<input type="checkbox" id="cost3" name="2" value="3"> <a>100001 - 300000</a><br>
								<input type="checkbox" id="cost4" name="3" value="4"> <a>300001 - 600000</a><br>
								<input type="checkbox" id="cost5" name="4" value="5"> <a>600001 - 900000</a><br>
								<input type="checkbox" id="cost6" name="5" value="6"> <a>> 900000</a>
								
								<div align="center">
									<input type="submit" value="ค้นหา" name="search">
								</div>
							</form>
						</td>
					</tr>
				</tbody>
			</table>
			<form action="PredictServlet" method="post">
				<br><center><input name="predict" style="height: 1.5cm;" type="submit" value="ประเมินโอกาสเข้าศึกษา"></center>
			</form>
				<br>
		</div>
		<div id="central">
			<br><br>
			<center>
				<div align="left" style="height: 100%;width:100%;">
					<img src="images/admission.jpg" style="height: 100%;width:100%;"/>
				</div>
				<div align="left" style="height: 100%;width:90%;">
					<a href="NewsServlet" target="_blank">
						<img src="images/153.jpg" style="height: 100%;width:100%;"/>
					</a>
				</div>
				<br>
				<div align="left" style="height: 100%;width:90%;">
					<img src="images/31491.jpg"/>
					<a href="http://www.dek-d.com/content/admissions/31491/">สถานที่ขายระเบียบการแอดมิชชั่น 56 (ทั่วประเทศ)</a>
					<br><br>
					<img src="images/31383.jpg"/>
					<a>โผล่อีก!!! นักเรียนร้องข้อสอบผิด 4 วิชา 6 ข้อ PAT 2,5,7.5</a>
				</div>
			</center>
		</div>
		<div id="right">
			<br><br>
			<center>
				<table border="1" bordercolor="yellow" bgcolor="lightyellow">
					<tbody>
						<tr>
							<td colspan="2" width="5cm"><p style="font-size: mediam;"><b>10 มหาวิทยาลัยที่ถูกเลือกประเมินมากที่สุด</b></p></td>
						</tr>
						<% List<ToptenBean> nameList = (List<ToptenBean>)request.getAttribute("nameList"); 
								int i=1;
								for(ToptenBean name:nameList){
						%>
						<tr>
							<td width="10%"><%= i %></td>
							<td width="90%" align="left"><%= name.getUniversity()%></td>
						</tr>
						<% 
							i++;
							} 
						%>
					</tbody>
				</table>
			</center>
		</div>
	</div>
</body>
</html>